<style>
    *{
        touch-action: none;
    }
    .actives{
        background-color: #eeddee;
    }
</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        {:build_toolbar('refresh')}
<!--                         <a href="javascript:;" class="btn btn-default" style="font-size:14px;color:dodgerblue;">-->
<!--                              <i class="fa fa-dollar"></i>-->
<!--                              <span class="extend">-->
<!--                              合计金额：<span id="allcost">0</span>-->
<!--                              </span>-->
<!--                         </a>-->
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">

                    </table>
                    <a href="javascript:;" class="btn btn-default" style="font-size:14px;color:dodgerblue;">
                        <i class="fa fa-dollar"></i>
                        <span class="extend">
                              合计金额：<span id="allcost">0</span>
                              </span>
                    </a>
                    <a href="javascript:;" class="btn btn-warning sure" style="font-size:14px;color:dodgerblue;">确认</a>
                </div>
            </div>

        </div>
    </div>
</div>

<script id="customformtpl" type="text/html">
    <!--form表单必须添加form-commsearch这个类-->
    <form action="" class="form-commonsearch">
        <div style="border-radius:2px;margin-bottom:10px;background:#f5f5f5;padding:15px 20px;">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">商品名称</label>
                        <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                        <input class="operate" type="hidden" data-name="pay_type" value="like"/>
                        <div>
                            <select name="pay_type" id="" class="form-control">
                                <option value="1">收入</option>
                                <option value="2">支出</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">供应商</label>
                        <input type="hidden" class="operate" data-name="number" value="like"/>
                        <div>
                                <input id="c-supplier"  data-source="supplier/supplier/index" data-field="nickname" class="form-control selectpage" name="supplier_id" type="text"  {if condition="$pay_type == 2"} value="{$source_id}" {else /} {/if}>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label">客户</label>
                        <input type="hidden" class="operate" data-name="number" value="like"/>
                        <div>
                            <input id="c-customer_id"  data-rule="" data-source="customer/customer/index" data-field="company" class="form-control selectpage customer_id" name="customer_id" type="text" {if condition="$pay_type == 2"} value="{$source_id}" {else /} {/if}>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label"></label>
                        <input type="hidden" class="operate" data-name="storehouse_id" value="="/>
                        <div class="row">
                            <div class="col-xs-6">
                                <input type="submit" class="btn btn-success btn-block" value="搜索"/>
                            </div>
<!--                            <div class="col-xs-6">-->
<!--                                <input type="reset" class="btn btn-primary btn-block" value="重置"/>-->
<!--                            </div>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</script>
<div id="cube"></div>
